<template>
  <!-- 只能有一个根元素(vue2中) -->
  <div class="app">
     <div class="box">
       <button @click="fn">点我</button>
     </div>
  </div>
</template>

<script>
// 写很多配置项(data, methods, computed, ...), 包括生命周期钩子函数 
export default {
  created(){
    console.log('我被执行了...')
  },
  methods: {
    fn(){
      alert('点我干嘛')
    }
  }
}
</script>


<style lang="less">
.app{
  width: 400px;
  height: 600px;
  background-color: red;
  .box {
    width: 300px;
    height: 400px;
    background-color: green;
  }
}
</style>